
 /* creat by liran 2016-12-21 */

 @charset "utf-8";
 @charset "gb2312";
 /* common */
 .mt0 {
     margin-top: 0;
 }

 .mt10 {
     margin-top: 10px;
 }

 .mt20 {
     margin-top: 20px;
 }

 .mb0 {
     margin-bottom: 0;
 }

 .mb10 {
     margin-bottom: 10px;
 }

 .mb20 {
     margin-bottom: 20px;
 }

 .ml0 {
     margin-left: 0;
 }

 .ml10 {
     margin-left: 10px;
 }

 .ml20 {
     margin-left: 20px;
 }

 .mr0 {
     margin-right: 0;
 }

 .mr10 {
     margin-right: 10px;
 }

 .mr20 {
     margin-right: 20px;
 }

 .pd0 {
     padding: 0;
 }

 .pd10 {
     padding: 10px;
 }

 .pd20 {
     padding: 20px;
 }

 .pt0 {
     padding-top: 0;
 }

 .pt10 {
     padding-top: 10px;
 }

 .pt20 {
     padding-top: 20px;
 }

 .pb0 {
     padding-bottom: 0;
 }

 .pb10 {
     padding-bottom: 10px;
 }

 .pb20 {
     padding-bottom: 20px;
 }

 .pb35 {
     padding-bottom: 35px;
 }

 .pl0 {
     padding-left: 0;
 }

 .pl10 {
     padding-left: 10px;
 }

 .pl20 {
     padding-left: 20px;
 }

 .pr0 {
     padding-right: 0;
 }

 .pr10 {
     padding-right: 10px;
 }

 .pr20 {
     padding-right: 20px;
 }

 .border_box {
     -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
     box-sizing: border-box;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 .clearfix {
     zoom: 1;
 }

 .clearfix:after {
     display: table;
     content: "";
     height: 0;
     line-height: 0;
     clear: both;
 }

 .login_wrap .tab_box {
     height: 25px;
     margin-left: 560px;
     padding: 10px 0;
     padding-top: 2px;
     border-bottom: 1px solid #e2e2e2;
 }

 .login_wrap .tab_box .item {
     float: left;
     position: relative;
     width: 50%;
     text-align: center;
     font-size: 14px;
     line-height: 25px;
 }

 .login_wrap .tab_box .item:before {
     display: block;
     position: absolute;
     content: "";
     width: 1px;
     height: 100%;
     top: 0;
     right: 0;
     background-color: #e2e2e2;
 }

 .login_wrap .tab_box .item:last-child:before {
     background-color: transparent;
 }

 .login_wrap .tab_box .item a {
     display: block;
     position: relative;
     margin: 0 30px;
 }

 .login_wrap .tab_box .item a:hover {
     text-decoration: none;
 }

 .login_wrap .tab_box .item.cur a {
     color: #2C9EE1;
 }

 .login_wrap .tab_box .item.cur a:before {
     display: block;
     position: absolute;
     content: "";
     width: 100%;
     height: 2px;
     left: 0;
     bottom: -10px;
     background-color: #2C9EE0;
 }

 .login_wrap .tab_con {
     margin-left: 560px;
     padding: 0 30px;
 }

 .login_wrap .tab_con .lg_title {
     font-size: 16px;
     padding: 0;
 }

 .login_wrap .tab_con .form_group {
     position: relative;
 }

 .login_wrap .tab_con .form_group .lbs {
     display: block;
     position: relative;
 }

 .login_wrap .tab_con .form_group .lbs .forget {
     position: absolute;
     top: 100%;
     right: 0;
     font-size: 12px;
     line-height: 20px;
 }

 .login_wrap .tab_con .form_group .lbs i.success {
     display: block;
     position: absolute;
     width: 18px;
     height: 18px;
     top: 50%;
     right: 10px;
     margin-top: -9px;
     background: url(https://s.maiyaole.com/images/baogang/logo_success.png) 0 0 no-repeat;
 }

 .login_wrap .tab_con .form_group .lbs .error {
     display: block;
     position: absolute;
     top: 100%;
     left: 0;
     padding-left: 25px;
     font-size: 12px;
     line-height: 35px;
     color: #F12424;
     background: url(https://s.maiyaole.com/images/baogang/logo_error.png) 0 center no-repeat;
     white-space: nowrap;
     overflow: hidden;
     width: 340px;
 }

 .login_wrap .tab_con .form_group .txt {
     display: block;
     width: 300px;
     padding: 10px;
     border: 1px solid #e6e6e6;
     font-size: 14px;
     line-height: 20px;
 }

 .login_wrap .tab_con .form_group .txt.phone {
     width: 270px;
     padding-left: 42px;
     background: url(https://s.maiyaole.com/images/baogang/logo_phone.png) 18px center no-repeat;
 }

 .login_wrap .tab_con .form_group .txt.check_num {
     width: 140px;
     padding-left: 42px;
     background: url(https://s.maiyaole.com/images/baogang/logo_key.png) 18px center no-repeat;
 }

 .login_wrap .tab_con .form_group .check_btn {
     display: block;
     width: 120px;
     height: 40px;
     padding: 0;
     border: 1px solid #C6E1F0;
     font-size: 14px;
     line-height: 40px;
     text-align: center;
     color: #5CBAF0;
     background-color: #F1FAFF;
 }

 .login_wrap .tab_con .form_group .check_btn:hover {
     text-decoration: none;
 }

 .login_wrap .tab_con .form_group .check_btn.gray {
     border: 1px solid #E6E6E6;
     color: #A9A9A9;
     background-color: #F6F6F6;
 }



 .login_wrap .tab_con .btn {
     width: 326px;
 }



 body,
 dl,
 dd,
 h1,
 h2,
 h3,
 h4,
 h5,
 h6,
 p,
 form {
     margin: 0;
 }

 li {
     list-style: none
 }

 ol,
 ul,
 button,
 input,
 select,
 textarea {
     margin: 0;
     padding: 0;
 }

 body,
 button,
 input,
 select,
 textarea {
     font: 12px "Lucida Grande", tahoma, arial, \5b8b\4f53;
     color: #5E5E5E;
 }

 input,
 select,
 textarea {
     font-size: 100%;
 }

 i {
     font-style: normal;
 }

 img {
     border: 0;
 }

 .fl {
     float: left;
 }

 .fr {
     float: right;
 }

 a {
     text-decoration: none;
     color: #333;
 }

 a:hover {
     text-decoration: underline;
     color: #0083ce;
 }

 a.blue_link {
     color: #0083ce;
 }

 a.blue_link:hover {
     color: #0083ce;
 }

 .clearfix:after {
     display: block;
     content: ".";
     height: 0;
     visibility: hidden;
     clear: both;
     font-size: 0;
     line-height: 0;
 }

 .clearfix {
     zoom: 1;
 }

 .block {
     display: block;
 }

 .red {
     color: #e72418 !important;
 }

 .mt0 {
     margin-top: 0 !important;
 }

 button:-moz-focus-inner {
     padding: 0;
     border: none;
 }

 input:-webkit-autofill {
     /* -webkit-box-shadow: 0 0 0px 1000px white inset; */
     background-color: #fff;
     background-image: url(https://s.maiyaole.com/images/passport/regest.png);
 }

 .tellnumber,
 .u_ps,
 .u_name,
 .u_email,
 .i_empty,
 .i_true,
 .i_false {
     background: url(https://s.maiyaole.com/images/passport/regest.png) no-repeat 0 0;
 }

 *html .tellnumber,
 .u_ps,
 .u_name,
 .u_email,
 .i_empty,
 .i_true,
 .i_false {
     background-image: url(https://s.maiyaole.com/images/passport/ie_regest.png);
 }

 .wrap {
     margin: 0 auto;
     width: 990px;
 }

 .head {
     height: 98px;
     overflow: hidden;
 }

 .mod_tell {
     padding: 30px 0 0 15px;
     float: left;
 }

 .mod_tell p {
     color: #0083ce;
     font-family: microsoft yahei;
     font-size: 16px;
     padding-top: 2px;
 }

 .logo {
     float: left;
     margin-left: 10px;
 }

 .tellnumber {
     background-position: 0 -81px;
     width: 150px;
     height: 36px;
     overflow: hidden;
     float: left;
     padding-top: 5px;
     padding-left: 21px;
     font-size: 19px;
     color: #e72419;
     font-weight: normal;
     line-height: 20px;
     font-family: Arial;
 }

 .reg_wrap {
     position: relative;
     background: #fff url(https://s.maiyaole.com/images/passport/r_bg.png) no-repeat right bottom;
     width: 988px;
     min-height: 500px;
     color: #5e5e5e;
     border: #e6e6e6 1px solid;
     border-top: #0083ce 2px solid;
     -webkit-box-shadow: -1px 1px 10px #EFEFEF, -1px 10px 10px #EFEFEF;
     -moz-box-shadow: -1px 1px 10px #EFEFEF, -1px 10px 10px #EFEFEF;
     box-shadow: -1px 1px 10px #EFEFEF, -1px 10px 10px #EFEFEF;
     padding-bottom: 20px;
 }

 .lg_title {
     font: 20px "microsoft yahei";
     margin: 13px 0;
     padding-left: 50px;
     padding-right: 18px;
 }

 .lg_title span {
     float: right;
     font-size: 12px;
     margin-top: 7px;
     font-family: \5b8b\4f53;
 }

 #simplefooter {
     width: 980px;
     margin: 50px auto 20px auto;
     text-align: center;
 }

 #simplefooter p {
     display: block;
     margin-top: 10px;
 }

 #simplefooter a {
     color: #666;
     margin: 0 8px;
 }

 #simplefooter a:hover {
     color: #0083ce;
 }

 .form-control {
     display: block;
     width: 286px;
     height: 26px;
     padding: 6px 12px 6px 40px;
     font-size: 14px;
     line-height: 1.428571429;
     /* vertical-align: middle; */
     background-color: transparent;
     border: 1px solid #e6e6e6;
     -webkit-appearance: none;
 }

 .form-control:focus {
     border-color: #0083ce;
     color: #333;
     outline: 0;
 }

 .form-control[disabled],
 .form-control[readonly],
 fieldset[disabled] .form-control {
     background-color: #f3f3f3;
     cursor: not-allowed;
 }

 .btn {
     display: inline-block;
     margin-bottom: 0;
     font-weight: bold;
     text-align: center;
     vertical-align: middle;
     cursor: pointer;
     background-image: none;
     border: 1px solid transparent;
     white-space: nowrap;
     padding: 6px 12px;
     font-size: 14px;
     line-height: 1.428571429;
     -webkit-user-select: none;
     -moz-user-select: none;
     -ms-user-select: none;
     -o-user-select: none;
     user-select: none;
     background-color: #0099F1;
     width: 340px;
     border-bottom: #0083ce 2px solid;
     color: #fff;
     font: 18px "microsoft yahei";
 }

 .btn:focus {
     outline: thin dotted;
     outline: 5px auto -webkit-focus-ring-color;
     outline-offset: -2px;
 }

 .btn:hover,
 .btn:focus {
     text-decoration: none;
     background-color: #0083ce;
 }

 .btn:active,
 .btn.active {
     outline: 0;
     background-image: none;
     -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
     box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
 }

 .u_ps {
     background-position: 8px -145px;
 }

 .u_name {
     background-position: 8px -114px;
 }

 .u_ps2 {
     background-color: #f3f3f3;
 }

 .reg_form {
     padding-left: 100px;
     padding-top: 5px;
 }

 .reg_row {
     min-height: 68px;
     _height: 68px;
     width: 340px;
     position: relative;
 }

 .reg_form span {
     line-height: 24px;
     color: #a5a5a5;
 }

 .radio,
 .checkbox {
     display: block;
     min-height: 20px;
     margin-top: 0px;
     margin-bottom: 6px;
     padding-left: 20px;
     /* vertical-align: middle; */
 }

 .radio label,
 .checkbox label {
     display: inline;
     /* margin-bottom: 0; */
     font-weight: normal;
     cursor: pointer;
 }

 .checkbox input[type="checkbox"] {
     float: left;
     margin-left: -20px;
 }

 .suggest-container {
     border-left: 1px solid #ccc;
     border-right: 1px solid #ccc;
     border-bottom: 1px solid #ccc;
     visibility: hidden;
     width: 338px;
     background-color: #fff;
 }

 .suggest-item {
     padding: 0 5px;
     line-height: 24px;
 }

 .suggest-active {
     background: #eaf9ff;
     padding: 0 5px;
     line-height: 24px;
     cursor: pointer;
 }

 .empty {
     border: #ffaa00 1px solid;
 }

 .i_empty,
 .i_true,
 .i_false {
     height: 16px;
     width: auto;
     float: right;
     padding-right: 25px;
     margin-top: -28px;
 }

 .i_empty {
     background-position: right -57px;
 }

 .i_true {
     background-position: right 2px;
 }

 .i_false {
     background-position: right -26px;
 }

 .box_safety {
     float: right;
     line-height: 24px;
     color: #a5a5a5;
 }

 .box_pas_safety ul,
 .pas_middle ul,
 .pas_strong ul {
     margin-top: 6px;
     margin-left: 6px;
     float: right;
     background: #fff url(https://s.maiyaole.com/images/passport/safe.png) no-repeat 0 0;
 }

 .reg_row li {
     float: left;
     height: 14px;
     line-height: 14px;
     padding: 0 9px;
     border-right: 1px solid #fff;
     font-family: \5b8b\4f53;
     color: #fff;
 }

 .pas_middle ul {
     background-position: 0 -15px;
 }

 .pas_strong ul {
     background-position: 0 -30px;
 }

 .u_verify {
     width: 150px;
     margin-right: 10px;
     padding-left: 10px;
     float: left;
 }

 input.error {
     border: #e72418 1px solid;
 }

 span.error {
     color: #e72418;
 }

 .btn_verify {
     width: 120px;
     border: 1px solid #E6E6E6;
     display: block;
     height: 38px;
     overflow: hidden;
     text-align: center;
     line-height: 38px;
     float: right;
     margin-right: 20px;
     filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff, endcolorstr=#f3f3f3, gradientType=0);
     -ms-filter: alpha(opacity=100 finishopacity=50 style=1 startx=0, starty=0, finishx=0, finishy=150) progid:DXImageTransform.Microsoft.gradient(startcolorstr=#fff, endcolorstr=#f3f3f3, gradientType=0);
     background: #f3f3f3;
     /* 一些不支持背景渐变的浏览器 */
     background: -moz-linear-gradient(top, #fff, rgba(243, 243, 243, 0.5));
     background: -webkit-gradient(linear, 0 0, 0 bottom, from(#fff), to(rgba(243, 243, 243, 0.5)));
 }

 .btn_verify:hover {
     background: none;
     background-color: #fff;
     color: #5e5e5e;
     text-decoration: none;
 }

 .verify_box {
     height: 60px;
     min-height: 60px;
 }

 .psheight {
     height: 60px;
     min-height: 60px;
 }

 .verifyimg {
     margin-left: 10px;
     float: left;
 }

 .verifylink {
     float: left;
     margin-left: 10px;
     line-height: 40px;
     color: #0083ce;
 }

 .verify_box .i_true,
 .verify_box .i_false {
     float: left;
     margin-left: -34px;
     margin-top: 12px;
 }

 .verify_info {
     background: none;
     background-color: #f3f3f3;
     cursor: not-allowed;
     color: #5e5e5e;
 }

 .verify_info:hover {
     text-decoration: none;
     background-color: #f3f3f3;
     color: #5e5e5e;
 }

 .suggest-container {
     position: absolute;
     overflow: hidden;
     z-index: 999;
     visibility: hidden;
 }

 .reg_form span a {
     color: #06c;
 }

 .login_wrap {
     position: relative;
     background: #fff url(https://s.maiyaole.com/images/passport/l_bg_02.png) no-repeat left top;
     width: 988px;
     min-height: 335px;
     color: #5e5e5e;
     border: #e6e6e6 1px solid;
     border-top: #0083ce 2px solid;
     -webkit-box-shadow: -1px 1px 10px #EFEFEF, -1px 10px 10px #EFEFEF;
     -moz-box-shadow: -1px 1px 10px #EFEFEF, -1px 10px 10px #EFEFEF;
     box-shadow: -1px 1px 10px #EFEFEF, -1px 10px 10px #EFEFEF;
     padding-top: 8px;
 }

 .login_wrap .reg_form,
 .login_wrap .lg_title {
     padding-left: 588px;
 }

 .login_wrap .reg_form .gray {
     color: #a5a5a5;
 }

 .login_wrap .reg_form .gray:hover {
     color: #0083ce;
 }

 .hz_login {
     padding-bottom: 15px;
     clear: both;
     overflow: hidden;
     zoom: 1;
 }

 .hz_login p {
     margin-top: 5px;
     line-height: 24px;
     color: #5e5e5e;
 }

 .hz_login a {
     line-height: 24px;
     color: #a5a5a5;
     text-indent: -9999px;
 }

 .hz_login a.first {
     padding-left: 0;
 }

 .hz_login a.last {
     border-right: 0;
     margin: 0;
 }

 .reg_form .right {
     color: #333;
 }

 .reg_form .two_week {
     line-height: 12px;
 }

 .hz_login a:hover {
     color: #0083ce;
 }

 .a_yhd,
 .a_zfb,
 .a_qq,
 .a_sina,
 .a_wlt,
 .a_wy,
 .a_wx {
     background: url(https://s.maiyaole.com/images/201306/images/private/img_zhifu.png) no-repeat left top;
     display: block;
     float: left;
     height: 39px;
     margin-right: 18px;
     width: 39px;
     border: none;
 }

 .moreWebDiv a.a_yhd {
     background-position: 0 0;
 }

 .moreWebDiv a.a_yhd:hover {
     background-position: 0 -52px;
 }

 .hz_login a.a_zfb {
     background-position: -48px 0;
 }

 .hz_login a.a_zfb:hover {
     background-position: -48px -52px;
 }

 .hz_login a.a_qq {
     background-position: -95px 0;
 }

 .hz_login a.a_qq:hover {
     background-position: -95px -52px;
 }

 .moreWebDiv a.a_sina {
     background-position: -143px 0;
 }

 .moreWebDiv a.a_sina:hover {
     background-position: -143px -52px;
 }

 .moreWebDiv a.a_wy {
     background-position: -191px 0;
 }

 .moreWebDiv a.a_wy:hover {
     background-position: -191px -52px;
 }

 .moreWebDiv a.a_wlt {
     background-position: -241px 0;
 }

 .moreWebDiv a.a_wlt:hover {
     background-position: -241px -52px;
 }

 .hz_login a.a_wx {
     background-position: -294px 0;
 }

 .hz_login a.a_wx:hover {
     background-position: -294px -52px;
 }

 .moreWebDiv {
     cursor: pointer;
     display: inline-block;
     /* float: right; */
     margin-right: 27px;
     margin-top: -52px;
     position: relative;
     z-index: 100;

 }

 .moreWeb {
     cursor: pointer;
     float: right;
     display: block;
     margin-right: 11px;
     margin-top: 10px;
     /* pointer: cursor; */
 }

 .moreWebBtn {
     cursor: pointer;
     width: 15px;
     height: 15px;
     margin-left: 5px;
     float: right;
     border: none;
     background: url(https://s.maiyaole.com/images/201306/images/private/upanddown.png) no-repeat left top;
     background-position: -7px -7px;
 }

 .moreTab {
     display: none;
     padding-top: 50px;
     padding-right: 112px;
 }

 .bg_link {
     /* bblr: expression(this.onFocus=this.blur()); */
     outline-style: none;
     position: absolute;
     left: 0;
     top: 0;
     text-indent: -9999px;
     display: block;
     width: 560px;
     height: 363px;
 }

 .account_warm {
     text-align: center;
     margin-top: 36px;
     font-family: "microsoft yahei";
 }

 .account_warm .warm_ico {
     width: 66px;
     height: 66px;
     display: inline-block;
     background: url(https://s.maiyaole.com/images/passport/warm_ico.png) no-repeat 0 0;
     background-size: 66px 66px;
 }

 .account_warm .warm_word {
     margin-top: 15px;
     line-height: 20px;
     font-size: 13px;
 }

 .btn_div {
     width: 322px;
     margin: 40px auto 0 auto;
     font-family: "microsoft yahei";
     overflow: hidden;
 }

 .btn_div .btn_blue,
 .btn_div .btn_gray {
     width: 136px;
     height: 38px;
     line-height: 38px;
     font-size: 18px;
     display: inline-block;
     text-align: center
 }

 .btn_div .btn_blue {
     background: #0099F1;
     color: #fff;
     float: left;
 }

 .btn_div .btn_gray {
     background: #eeeeee;
     color: #333;
     float: right;
 }

 .btn_div .btn_blue:hover {
     background: #0083ce;
     text-decoration: none;
 }

 .btn_div .btn_gray:hover {
     background: #e3e1e1;
     text-decoration: none;
 }

 /*以下以撞库的弹层*/
 .tranparent_layer {
     position: absolute;
     width: 100%;
     height: 100%;
     left: 0;
     top: 0;
     z-index: 9999;
     display: none;
 }

 .login_warm_box {
     width: 320px;
     height: 130px;
     border-radius: 8px;
     background: #fff;
     padding: 23px;
     position: fixed;
     left: 50%;
     margin-left: -173px;
     top: 50%;
     margin-top: -108px;
     box-shadow: 0 0 8px 3px rgba(0, 0, 0, .3);
 }

 .login_warm_box p {
     padding: 5px 10px;
     line-height: 180%;
     color: #030303;
     font-size: 14px;
 }

 .login_warm_box .btn_div {
     text-align: center;
     margin: 0;
 }

 .login_warm_box .change_pwd_btn {
     width: 230px;
     height: 46px;
     text-align: center;
     line-height: 46px;
     color: #fff;
     font-size: 16px;
     display: inline-block;
     background: #0076FF;
     border-radius: 3px;
     margin-top: 15px;
 }

 .login_warm_box .change_pwd_btn:hover {
     text-decoration: none;
 }

 /*极验*/
 .gt_loading_img {
     width: 56px;
     height: 56px;
     position: fixed;
     left: 50%;
     top: 50%;
     margin-left: -28px;
     margin-top: -28px;
 }

 .toast_msg {
     background: #fff;
     border-radius: 5px;
     background: #fff;
     padding: 23px;
     position: fixed;
     left: 50%;
     margin-left: -85px;
     top: 50%;
     margin-top: -30px;
     box-shadow: 0 0 8px 3px rgba(0, 0, 0, .3);
     opacity: 0;
 }
